<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据实时监测图</title>
    <link rel="stylesheet" href="/static/css/common.css">
    <script type="text/javascript" src="/static/js/jquery1.js"></script>
    <script type="text/javascript" src="/static/js/jquery2.js"></script>
</head>
<body style="height: 100%;">
    <nav>
        <button id="enter" type="button" onclick="enter()">
            <img src="/static/image/菜单.png" alt="菜单" width="27px">
        </button>

        <div id="user" onmouseover="staff_show()">
            <img src="/static/image/用户.jpg" width="30px">
            <div style="display: none;">
                <ul>
                    <li>用户名：</li>
                    <li>电话号码：</li>
                    <li>邮箱：</li>
                </ul>
            </div>
        </div>
        <button id="exit" type="button" onclick="exit()">退出</button>
        <div id="menu">
            <button id="leave" type="button" onclick="leave()">
                <img src="/static/image/离开.png" alt="离开" width="20px">
            </button>
            <ul>
                <li style="background-color: grey;"><a href="/chart">数据实时监测图</a></li>
                <li><a href="/excel?q=device">设备数据表</a></li>
                <li><a href="/excel?q=alarm">异常数据表</a></li>
                <li><a href="/excel?q=staff">维修人员名单</a></li>
            </ul>
        </div>
    </nav>
    <div id="mask"></div>
    <div id="container"></div>
    <script type="text/javascript" src="/static/js/interact.js"></script>
    <script type="text/javascript" src="/static/js/chart.js"></script>
</body>
</html>